<template>
  <div class="list">
    <my-todo v-for="todo in todos" :key="todo.id" :todo="todo" :changeStatusRecieveId="changeStatusRecieveId" :deleteTodo="deleteTodo" />
  </div>
</template>

<script>
import MyTodo from './MyTodo.vue'
import MyTop from './MyTop.vue'
export default {
  name: 'MyList',
  components: { MyTodo, MyTop },
  props: ['todos', 'changeStatusRecieveId', 'deleteTodo'],
  methods: {
  },
}
</script>

<style scoped>
.list {
  padding: 10px 10px;
  width: 400px;
  /* border: 1px solid #ccc; */
}
</style>
    